p {
    margin:10px;
    padding:10px;
    background-color:white;
    border-left:1px solid gray;
    border-right:2px solid black;
    border-top:1px solid gray; border-bottom:2px solid black;
}

*.static_cls {
    position:static;
}
*.relative_cls {
    position:relative;
}
*.absolute_cls {
    position:absolute;
    left:50%;
    top:-40px;

    margin:10px;
    padding:0px;

    border-top:1px solid lime;
    border-bottom:2px solid black;
    border-left:1px solid lime;
    border-right:2px solid black;

    background-color:white;
}

*.absolute_cls span {
    position:absolute;
    left:10px;
    top:10px;
}

*.fixed1_cls {
    position:fixed;
    right:5px;
    bottom:35px;
    z-index:20;
}

*.fixed2_cls {
    position:fixed;
    right:0px;
    bottom:0;
    z-index:10;

    width:100px;
    margin:0;
}

*.offset_cls {
    bottom:-15px;
    left:-20px;
    /*border:1px solid teal;*/
}

#canvas {
    margin:0px;
    padding:0px;

    border-left:1px solid gray;
    border-right:2px solid black;
    border-top:1px solid gray; border-bottom:2px solid black;

    background-color:gold;

    top:10px;
    left:10px;

    bottom:10px;    /* is AFFECTIVE IFF top is auto */
    right:10px;     /* is AFFECTIVE IFF left is auto */
}
